<template>
  <div class="dashboard-container">
    <img class="logo" :src="logoSrc" @click="temp()">
    <div class="dashboard-title">欢迎使用！祝您生意兴隆！</div>
  </div>
</template>

<script>
import store from "@/store";

let that
export default {
  data() {
    return {
      logoSrc: require('@/assets/images/empty.png')
    }
  },
  computed: {},
  created() {
    that = this
    this.getLogo()
  },
  methods: {
    temp() {
      // this.$addTab('');
      // this.$commonUtils.confirm('确认删除该商品组，删除不可恢复，是否继续？', '确认删除', '取消')
    },
    getLogo() {
      that.$api.getMyOrganizationDetail({}, { showLoading: false }).then(res => {
        if (undefined === res.oem || res.oem === false) {
          that.logoSrc = localStorage.logoSrc
          return
        }
        if (undefined !== res.logoDownloadCode && res.logoDownloadCode !== '') {
          that.logoSrc = that.$api.getDownloadServiceUrl(res.logoDownloadCode)
          localStorage.logoSrc = that.logoSrc
        } else {
          that.logoSrc = localStorage.logoSrc
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.logo {
  width: 200px;
  height: 200px;
  margin-bottom: 40px;
}

.dashboard {
  &-container {
    width: 100%;
    height: inherit;
    padding-top: 200px;
    text-align: center;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}

img {
  width: 360px;
  height: 360px;
}

.dashboard-title {
  font-family: "Arial Negreta", "Arial Normal", "Arial";
  font-weight: 700;
  font-size: 24px;
}
</style>
